<template>
    <div class="home">
        <van-row gutter="20">
        <van-swipe :autoplay="3000">
            <van-swipe-item v-for="(image, index) in images" :key="index">
                <img  width="98%"
                      height="200"
                        v-lazy="image" />
            </van-swipe-item>
        </van-swipe>
        </van-row>
    </div>
</template>

<script>
    import { Col, Row,Swipe, SwipeItem,Image } from 'vant';
    export default {
        components: {
            [Col.name]: Col,
            [Row.name]: Row,
            [Swipe.name]: Swipe,
            [SwipeItem.name]: SwipeItem,
            [Image.name]: Image,
        },
        name: "home",
        data(){
            return {
                images: [
                    'https://img.yzcdn.cn/vant/apple-1.jpg',
                    'https://img.yzcdn.cn/vant/apple-2.jpg',
                    'https://img14.360buyimg.com/n0/jfs/t1/84408/15/1713/119610/5d00b9acEbe283103/13e5ee1026c27305.jpg'
                ]
            }
        }
    }
</script>

<style scoped>

</style>